@charset "utf-8";
/* 响应式媒体查询样式 */

/* 超小屏幕（手机，320px及以下） */
@media screen and (max-width:320px) {
    /* 通知区域 */
    .zsp-header-notice {
        margin: 15px 5px;
    }
    /* 顶部logo区域 */
    .header-logo {
        float: left;
        width: 120px;
        margin-left: 5px;
    }
    .header-logo img {
        width: 120px;
        margin-top: 10px;
    }

    /* 顶部导航自定义样式 */
    .header-nav {
        float: left;
        width: 320px;
    }
    .header-nav .nav-md {
        display: none;
    }
    .header-nav .nav-xs {
        width: 0;
        transition: 0.5s;
    }
    .header-nav .layui-nav-tree {
        margin-top: 2px;
    }
    .layui-nav-tree .layui-nav-child dd.layui-this,
    .layui-nav-tree .layui-nav-child dd.layui-this a,
    .layui-nav-tree .layui-this,
    .layui-nav-tree .layui-this>a,
    .layui-nav-tree .layui-this>a:hover {
        background-color: #ddd !important;
        color: #333 !important;
    }
    .header-nav .layui-nav {
        background-color: #fff;
    }
    .header-nav .layui-nav-tree .layui-this:after {
        position: absolute;
        left: 0;
        top: 0;
        width: 4px;
        height: 45px;
        background-color: #c00;
        transition: all .2s;
        -webkit-transition: all .2s;
    }
    .header-nav .layui-nav-tree .layui-this:after,
    .header-nav .layui-nav-tree .layui-nav-item:hover:after,
    .header-nav .layui-nav-tree .layui-nav-bar {
        position: absolute;
        left: 0;
        top: 0;
        width: 4px;
        height: 45px;
        background-color: #c00;
        transition: all .2s;
        -webkit-transition: all .2s;
    }
    .header-nav .layui-nav .layui-nav-item a {
        color: #333;
    }

    /* 顶部用户信息区域 */
    #header .header-logo {
        float: left;
        width: 130px;
        margin-left: 10px;
    }
    #header .header-user {
        right: 60px;
        width: 130px;
    }
    .header-user .layui-nav {
        padding: 0 5px;
        background-color: #fff;
    }
    .header-user-login {
        text-align: right;
    }

    /* 顶部通知栏 */
    .zsp-header-notice {

    }

    /* 顶部轮播 */
    .layui-carousel-ind {
        top: -30px;
    }
    .layui-carousel-arrow {
        top: 75px;
    }
    .zsp-banner-wrap {
        height: 166px;
    }
    .zsp-banner-wrap .layui-carousel {
        height: 166px;
    }
    .zsp-banner-wrap .layui-carousel img {
        height: 166px;
    }

    /* 快捷导航 */
    .zsp-quick-nav {
        /*margin-top: 10px;*/
    }

    /* 文章列表 */
    .article-item .layui-row {
        width: 310px;
    }
    .article-item {
        height: 340px;
        margin-bottom: 15px;
        padding: 15px;
        box-sizing: border-box;
        background-color: #fff;
    }
    .article-item img {
        width: 260px !important;
    }
    .article-item .article-info {
        width: 280px;
        margin-top: 15px;
        padding: 0 !important;
    }
    .article-item .article-info p {
        width: 270px !important;
    }
    .article-item .article-info .info-list {
        margin-top: 20px;
        height: 30px
    }
    .article-item .article-info .info-list .info-item {
        display: inline-block;
        width: 100px;
        margin-right: 30px;
        margin-bottom: 10px;
        color: #333;
    }

    /* 中小屏幕搜索框 */
    .sm-search {
        max-width: 310px;
        height: 60px;
        margin: 0 auto;
        padding: 0 10px;
        box-sizing: border-box;
        line-height: 60px;
        background-color: #fff;
    }
    .sm-search .layui-row {
        width: 310px;
    }
    .sm-search .search-wrap {
        margin: 10px auto;
    }
    .search-wrap form input {
        float: left;
        width: 220px;
        margin-right: 5px;
    }
    .search-wrap form button {
        margin-top: -25px;
    }

    /* 版权信息 */
    #footer .footer-copyright {
        display: none;
    }
    #footer .footer-copyright-sm {
        display: block;
        margin-top: 20px;
    }

    /* 登录注册 */
    .form-md {
        display: none;
    }
    .form-sm {
        display: block;
    }
    .zsp-user-register form,
    .zsp-user-login form {
        width: 100%;
        margin: 20px auto;
    }
    .zsp-user-register .form-sm .layui-input-block,
    .zsp-user-login .form-sm .layui-input-block {
        margin-left: 0 ;

    }
    .zsp-user-register .form-sm input,
    .zsp-user-login .form-sm input {
        position: relative;
        padding-left: 40px;
        border-width: 0 0 1px 0;
    }
    .zsp-user-register .form-sm label,
    .zsp-user-login .form-sm label {
        position: absolute;
        left: 10px;
        top: 7px;
    }
    .zsp-user-register .form-sm label i,
    .zsp-user-login .form-sm label i {
        font-size: 20px;
    }
    .zsp-user-register .form-sm .btn-box,
    .zsp-user-login .form-sm .btn-box {
        margin-top: 30px;
    }
    .zsp-user-register form input.captcha,
    .zsp-user-login form input.captcha {
        width: 110px;
    }
}

/* 超小屏幕（手机，321px-375px） */
@media screen and (min-width: 321px) and (max-width:375px) {
    /* 通知区域 */
    .zsp-header-notice {
        margin: 15px 5px;
    }
    /* 顶部logo区域 */
    .header-logo {
        float: left;
        width: 150px;
        margin-left: 5px;
    }
    .header-logo img {
        width: 150px;
        margin-top: 7px;
    }

    /* 顶部导航自定义样式 */
    .header-nav {
        float: left;
        width: 800px;
    }
    .header-nav .nav-md {
        display: none;
    }
    .header-nav .nav-xs {
        width: 0;
        transition: 0.5s;
    }
    .header-nav .layui-nav-tree {
        margin-top: 2px;
    }
    .layui-nav-tree .layui-nav-child dd.layui-this,
    .layui-nav-tree .layui-nav-child dd.layui-this a,
    .layui-nav-tree .layui-this,
    .layui-nav-tree .layui-this>a,
    .layui-nav-tree .layui-this>a:hover {
        background-color: #ddd !important;
        color: #333 !important;
    }
    .header-nav .layui-nav {
        background-color: #fff;
    }
    .header-nav .layui-nav-tree .layui-this:after {
        position: absolute;
        left: 0;
        top: 0;
        width: 4px;
        height: 45px;
        background-color: #c00;
        transition: all .2s;
        -webkit-transition: all .2s;
    }
    .header-nav .layui-nav-tree .layui-this:after,
    .header-nav .layui-nav-tree .layui-nav-item:hover:after,
    .header-nav .layui-nav-tree .layui-nav-bar {
        position: absolute;
        left: 0;
        top: 0;
        width: 4px;
        height: 45px;
        background-color: #c00;
        transition: all .2s;
        -webkit-transition: all .2s;
    }
    .header-nav .layui-nav .layui-nav-item a {
        color: #333;
    }

    /* 顶部用户信息区域 */
    #header .header-logo {
        float: left;
        width: 130px;
        margin-left: 10px;
    }
    #header .header-user {
        right: 60px;
        width: 130px;
    }
    .header-user .layui-nav {
        padding: 0 5px;
        background-color: #fff;
    }

    /* 顶部通知栏 */
    .zsp-header-notice {

    }

    /* 顶部轮播 */
    .layui-carousel-ind {
        top: -30px;
    }
    .layui-carousel-arrow {
        top: 75px;
    }
    .zsp-banner-wrap {
        height: 166px;
    }
    .zsp-banner-wrap .layui-carousel {
        height: 166px;
    }
    .zsp-banner-wrap .layui-carousel img {
        height: 166px;
    }

    /* 快捷导航 */
    .zsp-quick-nav {
        /*margin-top: 10px;*/
    }

    /* 文章列表 */
    .article-item .layui-row {
        width: 360px;
    }
    .article-item {
        height: 350px;
        margin-bottom: 15px;
        padding: 15px;
        box-sizing: border-box;
        background-color: #fff;
    }
    .article-item img {
        width: 315px !important;
    }
    .article-item .article-info {
        width: 360px;
        margin-top: 15px;
        padding: 0 !important;
    }
    .article-item .article-info p {
        width: 320px !important;
    }
    .article-item .article-info .info-list {
        margin-top: 25px;
        /*margin-left: -95px;*/
        height: 30px;

    }
    .article-item .article-info .info-list .info-item {
        display: inline-block;
        margin-right: 10px;
        color: #333;
    }

    /* 中小屏幕搜索框 */
    .sm-search {
        max-width: 365px;
        height: 60px;
        margin: 0 auto;
        padding: 0 10px;
        box-sizing: border-box;
        line-height: 60px;
        background-color: #fff;
    }
    .sm-search .layui-row {
        width: 365px;
    }
    .sm-search .search-wrap {
        margin: 10px auto;
    }
    .search-wrap form input {
        float: left;
        width: 275px;
        margin-right: 5px;
    }
    .search-wrap form button {
        margin-top: -25px;
    }

    /* 版权信息 */
    #footer .footer-copyright {
        display: none;
    }
    #footer .footer-copyright-sm {
        display: block;
        margin-top: 20px;
        padding: 0 10px 10px;
    }

    /* 登录注册 */
    .form-md {
        display: none;
    }
    .form-sm {
        display: block;
    }
    .zsp-user-register form,
    .zsp-user-login form {
        width: 100%;
        margin: 20px auto;
    }
    .zsp-user-register .form-sm .layui-input-block,
    .zsp-user-login .form-sm .layui-input-block {
        margin-left: 0 ;

    }
    .zsp-user-register .form-sm input,
    .zsp-user-login .form-sm input {
        position: relative;
        padding-left: 40px;
        border-width: 0 0 1px 0;
    }
    .zsp-user-register .form-sm label,
    .zsp-user-login .form-sm label {
        position: absolute;
        left: 10px;
        top: 7px;
    }
    .zsp-user-register .form-sm label i,
    .zsp-user-login .form-sm label i {
        font-size: 20px;
    }
    .zsp-user-register .form-sm .btn-box,
    .zsp-user-login .form-sm .btn-box {
        margin-top: 30px;
    }
    .zsp-user-register form input.captcha,
    .zsp-user-login form input.captcha {
        width: 160px;
    }
}

/* 小屏幕（手机，376px-767px） */
@media screen and (min-width: 376px) and (max-width:767px) {
    /* 通知区域 */
    .zsp-header-notice {
        margin: 15px 5px;
    }
    /* 顶部logo区域 */
    .header-logo {
        float: left;
        width: 150px;
        margin-left: 5px;
    }
    .header-logo img {
        width: 150px;
        margin-top: 7px;
    }

    /* 顶部导航自定义样式 */
    .header-nav {
        float: left;
        width: 800px;
    }
    .header-nav .nav-md {
        display: none;
    }
    .header-nav .nav-xs {
        width: 0;
        transition: 0.5s;
    }
    .header-nav .layui-nav-tree {
        margin-top: 2px;
    }
    .layui-nav-tree .layui-nav-child dd.layui-this,
    .layui-nav-tree .layui-nav-child dd.layui-this a,
    .layui-nav-tree .layui-this,
    .layui-nav-tree .layui-this>a,
    .layui-nav-tree .layui-this>a:hover {
        background-color: #ddd !important;
        color: #333 !important;
    }
    .header-nav .layui-nav {
        background-color: #fff;
    }
    .header-nav .layui-nav-tree .layui-this:after {
        position: absolute;
        left: 0;
        top: 0;
        width: 4px;
        height: 45px;
        background-color: #c00;
        transition: all .2s;
        -webkit-transition: all .2s;
    }
    .header-nav .layui-nav-tree .layui-this:after,
    .header-nav .layui-nav-tree .layui-nav-item:hover:after,
    .header-nav .layui-nav-tree .layui-nav-bar {
        position: absolute;
        left: 0;
        top: 0;
        width: 4px;
        height: 45px;
        background-color: #c00;
        transition: all .2s;
        -webkit-transition: all .2s;
    }
    .header-nav .layui-nav .layui-nav-item a {
        color: #333;
    }

    /* 顶部用户信息区域 */
    #header .header-logo {
        float: left;
        width: 150px;
        margin-left: 10px;
    }
    #header .header-user {
        right: 40px;
        width: 150px;
    }
    .header-user .layui-nav {
        padding: 0 5px;
        background-color: #fff;
    }

    /* 顶部通知栏 */
    .zsp-header-notice {

    }

    /* 顶部轮播 */
    .layui-carousel-ind {
        top: -30px;
    }
    .layui-carousel-arrow {
        top: 75px;
    }
    .zsp-banner-wrap {
        height: 166px;
    }
    .zsp-banner-wrap .layui-carousel {
        height: 166px;
    }
    .zsp-banner-wrap .layui-carousel img {
        height: 166px;
    }

    /* 快捷导航 */
    .zsp-quick-nav {
        /*margin-top: 10px;*/
    }

    /* 文章列表 */
    .article-item .layui-row {
        width: 350px;
    }
    .article-item {
        height: 380px;
        margin-bottom: 15px;
        padding: 15px;
        box-sizing: border-box;
        background-color: #fff;
    }
    .article-item img {
        width: 355px !important;
    }
    .article-item .article-info {
        width: 360px;
        margin-top: 15px;
        padding: 0 !important;
    }
    .article-item .article-info p {
        width: 320px !important;
    }
    .article-item .article-info .info-list {
        margin-top: 25px;
        /*margin-left: -95px;*/
        height: 30px;

    }
    .article-item .article-info .info-list .info-item {
        display: inline-block;
        margin-right: 10px;
        color: #333;
    }

    /* 中小屏幕搜索框 */
    .sm-search {
        max-width: 402px;
        height: 60px;
        margin: 0 auto;
        padding: 0 10px;
        box-sizing: border-box;
        line-height: 60px;
        background-color: #fff;
    }
    .sm-search .layui-row {
        width: 402px;
    }
    .sm-search .search-wrap {
        margin: 10px auto;
    }
    .search-wrap form input {
        float: left;
        width: 310px;
        margin-right: 5px;
    }
    .search-wrap form button {
        margin-top: -25px;
    }

    /* 版权信息 */
    #footer .footer-copyright {
        display: none;
    }
    #footer .footer-copyright-sm {
        display: block;
        margin-top: 20px;
        padding: 0 10px 10px;
    }

    /* 登录注册 */
    .form-md {
        display: none;
    }
    .form-sm {
        display: block;
    }
    .zsp-user-register form,
    .zsp-user-login form {
        width: 100%;
        margin: 20px auto;
    }
    .zsp-user-register .form-sm .layui-input-block,
    .zsp-user-login .form-sm .layui-input-block {
        margin-left: 0 ;

    }
    .zsp-user-register .form-sm input,
    .zsp-user-login .form-sm input {
        position: relative;
        padding-left: 40px;
        border-width: 0 0 1px 0;
    }
    .zsp-user-register .form-sm label,
    .zsp-user-login .form-sm label {
        position: absolute;
        left: 10px;
        top: 7px;
    }
    .zsp-user-register .form-sm label i,
    .zsp-user-login .form-sm label i {
        font-size: 20px;
    }
    .zsp-user-register .form-sm .btn-box,
    .zsp-user-login .form-sm .btn-box {
        margin-top: 30px;
    }
    .zsp-user-register form input.captcha,
    .zsp-user-login form input.captcha {
        width: 200px;
    }
}

/* 小型设备(小型平板电脑和大型手机，768px及以上) */
@media screen and (min-width:768px) and (max-width: 991px) {
    .header-nav .nav-md {
        display: none;
    }
    .header-nav .nav-xs {
        width: 0;
        transition: 0.5s;
    }
    .header-nav .layui-nav-tree {
        margin-top: 2px;
    }
    .nav-control {
        display: block;
    }
    .layui-nav-tree .layui-nav-child dd.layui-this,
    .layui-nav-tree .layui-nav-child dd.layui-this a,
    .layui-nav-tree .layui-this,
    .layui-nav-tree .layui-this>a,
    .layui-nav-tree .layui-this>a:hover {
        background-color: #ddd !important;
        color: #333 !important;
    }
    .header-nav .layui-nav {
        background-color: #fff;
    }
    .header-nav .layui-nav-tree .layui-this:after {
        position: absolute;
        left: 0;
        top: 0;
        width: 4px;
        height: 45px;
        background-color: #c00;
        transition: all .2s;
        -webkit-transition: all .2s;
    }
    .header-nav .layui-nav-tree .layui-this:after,
    .header-nav .layui-nav-tree .layui-nav-item:hover:after,
    .header-nav .layui-nav-tree .layui-nav-bar {
        position: absolute;
        left: 0;
        top: 0;
        width: 4px;
        height: 45px;
        background-color: #c00;
        transition: all .2s;
        -webkit-transition: all .2s;
    }
    .header-nav .layui-nav .layui-nav-item a {
        color: #333;
    }
    #header .header-logo {
        float: left;
        width: 150px;
        margin-left: 10px;
    }
    #header .header-user {
        right: 50px;
        width: 170px;
    }

    /* 顶部轮播 */
    .layui-carousel-ind {
        top: -35px;
    }
    .layui-carousel-arrow {
        top: 90px;
    }
    .zsp-banner-wrap {
        height: 200px;
    }
    .zsp-banner-wrap .layui-carousel {
        height: 200px;
    }

    /* 快捷导航 */
    .zsp-quick-nav {
        /*margin-top: 10px;*/
    }

    /* 文章列表 */
    .article-item {
        height: 135px;
        margin-bottom: 15px;
        padding: 15px;
        box-sizing: border-box;
        background-color: #fff;
    }
    .article-item .article-info .info-list {
        margin-top: 13px;
        height: 30px;

    }
    .article-item .article-info .info-list .info-item {
        display: inline-block;
        margin-right: 20px;
        color: #333;
    }

    /* 中小屏幕搜索框 */
    .sm-search {
        max-width: 740px;
        height: 60px;
        margin: 0 auto;
        padding: 0 10px;
        box-sizing: border-box;
        line-height: 60px;
        background-color: #fff;
    }
    .sm-search .layui-row {
        width: 700px;
    }
    .sm-search .search-wrap {
        margin: 10px auto;
    }
    .search-wrap form input {
        float: left;
        width: 630px;
        margin-right: 5px;
    }
    .search-wrap form button {
        margin-top: -25px;
    }

    /* 版权信息 */
    #footer .footer-copyright {
        display: block;
    }
    #footer .footer-copyright-sm {
        display: none;
        margin-top: 20px;
        padding: 0 10px 10px;
    }

    /* 登录注册 */
    .form-md {
        display: none;
    }
    .form-sm {
        display: block;
    }
    .zsp-user-register form,
    .zsp-user-login form {
        width: 100%;
        margin: 30px auto;
    }
    .zsp-user-register .form-sm .layui-input-block,
    .zsp-user-login .form-sm .layui-input-block {
        margin-left: 0 ;

    }
    .zsp-user-register .form-sm input,
    .zsp-user-login .form-sm input {
        position: relative;
        padding-left: 40px;
        border-width: 0 0 1px 0;
    }
    .zsp-user-register .form-sm label,
    .zsp-user-login .form-sm label {
        position: absolute;
        left: 10px;
        top: 7px;
    }
    .zsp-user-register .form-sm label i,
    .zsp-user-login .form-sm label i {
        font-size: 20px;
    }
    .zsp-user-register .form-sm .btn-box,
    .zsp-user-login .form-sm .btn-box {
        margin-top: 30px;
    }
    .zsp-user-register form input.captcha,
    .zsp-user-login form input.captcha {
        width: 500px;
    }
}

/* 中型设备(平板，992px及以上) */
@media screen and (min-width:992px) and (max-width: 1023px) {
    .header-nav .nav-md {
        display: none;
    }
    .header-nav .nav-xs {
        width: 0;
        transition: 0.5s;
    }
    .header-nav .layui-nav {
        margin-top: 0;
    }
    .header-nav .layui-nav-tree {
        margin-top: 2px;
    }
    #header .layui-container {
        margin: 0 auto;
        padding: 0;
        width: 1024px;
    }
    .nav-control {
        display: none;
    }
    .layui-nav-tree .layui-nav-child dd.layui-this,
    .layui-nav-tree .layui-nav-child dd.layui-this a,
    .layui-nav-tree .layui-this,
    .layui-nav-tree .layui-this>a,
    .layui-nav-tree .layui-this>a:hover {
        background-color: #ddd !important;
        color: #333 !important;
    }
    .header-nav .layui-nav {
        background-color: #fff;
    }
    .header-nav .layui-nav-tree .layui-this:after {
        position: absolute;
        left: 0;
        top: 0;
        width: 4px;
        height: 45px;
        background-color: #c00;
        transition: all .2s;
        -webkit-transition: all .2s;
    }
    .header-nav .layui-nav-tree .layui-this:after,
    .header-nav .layui-nav-tree .layui-nav-item:hover:after,
    .header-nav .layui-nav-tree .layui-nav-bar {
        position: absolute;
        left: 0;
        top: 0;
        width: 4px;
        height: 45px;
        background-color: #c00;
        transition: all .2s;
        -webkit-transition: all .2s;
    }
    .layui-nav .layui-nav-item a:hover, .layui-nav .layui-this a {
        color: #c00 !important;
    }
    .header-nav .layui-nav .layui-nav-item a {
        color: #333;
    }
    #header .header-logo {
        float: left;
        width: 200px;
        margin-left: 0;
    }
    #header .header-user {
        right: 0;
        width: 170px;
    }

    .nav-control {
        display: block;
        position: absolute;
        right: 15px;
        top: 10px;
    }
    .nav-control i {
        font-size: 30px;
        font-weight: bold;
    }

    /* 左右列间距 */
    .col-panel-left {
        padding: 0;
    }
    .col-panel-right {
        padding: 0;
    }

    /* 顶部轮播 */
    .layui-carousel-ind {
        top: -35px;
    }
    .layui-carousel-arrow {
        top: 90px;
    }
    .zsp-banner-wrap {
        height: 200px;
    }
    .zsp-banner-wrap .layui-carousel {
        height: 200px;
    }

    /* 快捷导航 */
    .zsp-quick-nav {
        margin-top: 15px !important;
    }

    /* 文章列表 */
    .article-item .layui-row {
        width: 750px;
    }
    .article-item {
        height: 135px;
        margin-bottom: 15px;
        padding: 15px;
        box-sizing: border-box;
        background-color: #fff;
    }
    .article-item .article-info {
        width: 620px;
    }
    .article-item .article-info .info-list {
        margin-top: 20px;
        height: 30px;

    }
    .article-item .article-info .info-list .info-item {
        display: inline-block;
        margin-right: 20px;
        color: #333;
    }
    
    /* 中小屏幕搜索框 */
    .sm-search {
        height: 50px;
        line-height: 50px;
        background-color: #fff;
    }

    /* 版权信息 */
    #footer .footer-copyright {
        display: block;
    }
    #footer .footer-copyright-sm {
        display: none;
        margin-top: 20px;
        padding: 0 10px 10px;
    }

    /* 登录注册 */
    .form-md {
        display: block;
    }
    .form-sm {
        display: none;
    }
    .zsp-user-register form {
        width: 60%;
        margin: 30px auto;
    }
    .zsp-user-login form {
        width: 60%;
        margin: 30px auto;
    }
    .zsp-user-register form input.captcha,
    .zsp-user-login form input.captcha {
        width: 180px;
    }

}

/* 大型设备(平板，1024px及以上) */
@media screen and (min-width:1024px) and (max-width: 1199px) {
    #header .layui-container {
        margin: 0 auto;
        padding: 0;
        width: 1000px !important;
    }
    #header .layui-container .layui-row {
        width: 1000px;
    }
    .header-nav {
        margin-top: 0;
    }
    .header-nav .nav-md {
        display: block;
    }
    .header-nav .nav-xs {
        width: 0;
        transition: 0.5s;
    }
    .header-nav {
        max-width: 800px;
    }
    .header-nav .layui-nav {
        margin-top: 0;
    }
    .header-nav .layui-nav-tree {
        margin-top: 2px;
    }
    .nav-control {
        display: none;
    }
    .header-nav .layui-nav .layui-this:after,
    .header-nav .layui-nav .layui-nav-item:hover:after,
    .header-nav .layui-nav .layui-nav-bar {
        height: 4px;
        background-color: #c00;
    }
    .layui-nav .layui-nav-item a:hover, .layui-nav .layui-this a {
        color: #c00 !important;
    }
    .header-nav .layui-nav .layui-nav-item a {
        color: #333;
    }
    .layui-container
    .layui-row {
        margin: 0 auto;
        width: 970px;
    }
    .quick-nav-list .layui-row {
        width: 100%;
    }
    .header-logo {
        margin-left: 10px;
        width: 200px;
    }
    .header-logo img {
        width: 200px;
    }
    .header-user {
        right: 0;
        width: 160px;
    }
    .zsp-header-notice {
        width: 970px;
    }

    /* 左右列间距 */
    .col-panel-left {
        padding: 0 7.5px 0 0;
    }
    .col-panel-right {
        padding: 0 0 0 7.5px;
    }

    /* 顶部轮播 */
    .layui-carousel-ind {
        top: -35px;
    }
    .layui-carousel-arrow {
        top: 95px;
    }
    .zsp-banner-wrap {
        height: 200px;
    }
    .zsp-banner-wrap .layui-carousel {
        height: 200px;
    }

    /* 快捷导航 */
    .zsp-quick-nav {

    }

    /* 文章列表 */
    .article-item {
        height: 150px;
        margin-bottom: 15px;
        padding: 15px;
        box-sizing: border-box;
        background-color: #fff;
    }
    .article-item .article-img {
        width: 215px;
        height: 120px;
    }
    .article-item .article-info {
        width: 450px;
    }
    .article-item .article-info p {
        width: 440px !important;
    }
    .article-item .article-info .info-list {
        margin-top: 28px;
        height: 30px;

    }
    .article-item .article-info .info-list .info-item {
        display: inline-block;
        margin-right: 20px;
        color: #333;
    }

    /* 搜索框 */
    .search-wrap {
        margin: 10px auto;
    }
    .search-wrap form input {
        float: left;
        width: 135px;
        margin-right: 5px;
    }

    /* 版权信息 */
    #footer .footer-copyright {
        display: block;
    }
    #footer .footer-copyright-sm {
        display: none;
        margin-top: 20px;
        padding: 0 10px 10px;
    }

    /* 登录注册 */
    .form-md {
        display: block;
    }
    .form-sm {
        display: none;
    }
    .zsp-user-register form {
        width: 60%;
        margin: 30px auto;
    }
    .zsp-user-login form {
        width: 60%;
        margin: 30px auto;
    }
    .zsp-user-register form input.captcha,
    .zsp-user-login form input.captcha {
        width: 270px;
    }
}

/* 超大设备(大型笔记本和台式机，1200px及以上) */
@media screen and (min-width:1200px) {
    .header-nav {
        margin-top: 0;
    }
    .header-nav .nav-md {
        display: block;
    }
    .header-nav .nav-xs {
        width: 0;
        transition: 0.5s;
    }
    .header-nav {
        max-width: 800px;
    }
    .header-nav .layui-nav {
        margin-top: 0;
    }
    .header-nav .layui-nav-tree {
        margin-top: 2px;
    }
    .nav-control {
        display: none;
    }
    .header-nav .layui-nav .layui-this:after,
    .header-nav .layui-nav .layui-nav-item:hover:after,
    .header-nav .layui-nav .layui-nav-bar {
        height: 4px;
        background-color: #c00;
    }
    .layui-nav .layui-nav-item a:hover, .layui-nav .layui-this a {
        color: #c00 !important;
    }
    .header-nav .layui-nav .layui-nav-item a {
        color: #333;
    }
    #header .layui-container {
        margin: 0 auto;
        width: 1170px;
    }
    .header-logo {
        width: 200px;
    }
    .header-logo img {
        width: 200px;
    }
    /* 顶部用户信息 */
    .header-user {
        right: 0;
        width: 160px;
    }
    /* 顶部通知栏 */
    .zsp-header-notice {
        width: 1170px;
    }

    /*.zsp-banner {*/
    /*    height: 200px;*/
    /*}*/

    /* 左右列间距 */
    .col-panel-left {
        padding: 0 7.5px 0 0;
    }
    .col-panel-right {
        padding: 0 0 0 7.5px;
    }

    /* 顶部轮播 */
    .layui-carousel-ind {
        top: -35px;
    }
    .layui-carousel-arrow {
        top: 95px;
    }
    .zsp-banner-wrap {
        height: 200px;
    }
    .zsp-banner-wrap .layui-carousel {
        height: 200px;
    }

    /* 快捷导航 */
    .zsp-quick-nav {

    }

    /* 文章列表 */
    .article-item .layui-row {
        width: 860px;
    }
    .article-item {
        height: 150px;
        margin-bottom: 15px;
        padding: 15px;
        box-sizing: border-box;
        background-color: #fff;
    }
    .article-item .article-info {
        width: 620px;
    }
    .article-item .article-info .info-list {
        margin-top: 30px;
        height: 30px;

    }
    .article-item .article-info .info-list .info-item {
        display: inline-block;
        margin-right: 20px;
        color: #333;
    }

    /* 文章列表 */
    .article-item .layui-row {
        width: 860px;
    }
    .article-item {
        height: 150px;
        margin-bottom: 15px;
        padding: 15px;
        box-sizing: border-box;
        background-color: #fff;
    }
    .article-item .article-img {
        height: 120px;
    }
    .article-item .article-info {
        width: 585px;
    }
    .article-item .article-info p {
        width: 585px !important;
    }
    .article-item .article-info .info-list {
        margin-top: 28px;
        height: 30px;

    }
    .article-item .article-info .info-list .info-item {
        display: inline-block;
        margin-right: 20px;
        color: #333;
    }

    /* 搜索框 */
    .search-wrap {
        margin: 10px auto;
    }
    .search-wrap form input {
        float: left;
        width: 185px;
        margin-right: 5px;
    }

    /* 版权信息 */
    #footer .footer-copyright {
        display: block;
    }
    #footer .footer-copyright-sm {
        display: none;
        margin-top: 20px;
        padding: 0 10px 10px;
    }

    /* 登录注册 */
    .form-md {
        display: block;
    }
    .form-sm {
        display: none;
    }
    .zsp-user-register form {
        width: 50%;
        margin: 30px auto;
    }
    .zsp-user-login form {
        width: 50%;
        margin: 30px auto;
    }
    .zsp-user-register form input.captcha,
    .zsp-user-login form input.captcha {
        width: 280px;
    }
}